<template>
  <div class="app-nav">
    <div class="app-nav-title">
      <span>监控</span>
    </div>
    <div class="app-nav-list">
      <el-menu>
        <router-link to="/core/metrics/res">
          <el-menu-item index="res">
            <font-awesome-icon icon="copyright"/>
            <span class="menu-title">资源监控</span>
          </el-menu-item>
        </router-link>
        <router-link to="/core/metrics/health">
          <el-menu-item index="health">
            <font-awesome-icon icon="copyright"/>
            <span class="menu-title">状态监控</span>
          </el-menu-item>
        </router-link>
        <router-link to="/core/metrics/gateway">
          <el-menu-item index="gateway">
            <font-awesome-icon icon="copyright"/>
            <span class="menu-title">网关监控</span>
          </el-menu-item>
        </router-link>
      </el-menu>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
  created() {},
  methods: {}
};
</script>
<style scoped>
.app-nav-list .menu-title {
  margin-left: 10px;
}
</style>
